<template>
  <div >
    <div class="img-box" v-for="img in imgs" >
      <img width="50%" height="50%" :src="img">
    </div>
    <div class="img-box">
      <img width="50%" height="50%" src="../img/1.jpg">
    </div>
  </div>
</template>

<script>
    export default {
        name: "Home",
       data(){
          return {
            imgs:[
              '../dist/1.jpg',
              '../dist/2.jpg',
              '../dist/3.jpg',
            ]
          }
       }

    }
</script>

<style scoped>

</style>
